/* 初始化 */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}

.register{
  background: url(../../public/img/lvyou7.jpg) no-repeat;
  background-size: cover;
/* 注册顶部  返回 */
.header{
  width: 94%;
  height: 1.599rem;
  margin: auto;
  display: flex;
  align-items: center;
  >a{
    color: #fff;
    font-size: 0.426rem;
  }
}
  .reg{
    font-size: 0.933rem;
    color: #fff;
    font-family: monospace;
    height: 109px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
/* 注册过程 */
.input{
  width: 94%;
  margin: auto;
  height: 245px;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  >div{
    height: 1.066rem;
    display: flex;
    align-items: flex-end;
    border-bottom: 0.027rem solid #fff;
    padding-bottom: 0.267rem;
    >i{
      color: #fff;
      font-size: 0.666rem;
    }
    input{
      border: none;
      outline: none;
      width: 70%;
      background-color: transparent;
      padding-left: 0.267rem;
      font-size: 0.453rem;
      color: #fff;
    }
    input::placeholder{
      color: #fff;
    }
  }
  >div:last-child{
    height: 0.533rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.32rem;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    .show{
      height: 20px !important;
      >span{
        color: red;
        font-size: 0.373rem;
        text-align: left;
      }
    }
    >a{
      text-align: right;
      color: #fff;
      font-size: 0.373rem;
    }
  }
  .show{
    height: 20px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    >span{
      color: red;
      font-size: 0.373rem;
      text-align: left;
    }
  }
  >div:nth-child(2){
      >a{
        width: 25%;
        height: 1.066rem;
        color: #fff;
        align-self: flex-end;
        border-radius: 0.133rem;
        border: 0.027rem dotted #00CC99;
        display: flex;
        font-size: 0.373rem;
        justify-content: center;
        align-items: center;
      }
  }
}
/* 注册按钮  协议 */
.zhuce{
  width: 94%;
  margin: auto;
  height: 160px;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  >div:nth-child(1){
    width: 100%;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    //  注册按钮
    >input{
      height: 1.333rem;
      border-radius: 0.666rem;
      width: 85%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      border: none;
      font-size: 0.426rem;
      outline: none;
    }
  }
  >div:nth-child(2){
    width: 100%;
    height: 1.333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.373rem;
    position: relative;
    >input{
      height: 0.426rem;
      width: 0.64rem;
    }
    a{
      color: #00CC99;
      text-decoration: underline;
    }
    >div:nth-child(1){
      position: absolute;
      top: -29%;
      left: 9%;
      background-color: #fbb82f;
      color: #fff;
      /* width: 33%; */
      border-radius: 6px;
      width: 82%;
    }
  }
}
  //  控制注册按钮 颜色 disabled
  .color1{
    background-color: #ccc;
  }
  .color2{
    background-color: #00CC99;
  }
/* 底部风景 */
.end{
  width: 94%;
  margin: auto;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  >i{
    font-size: 1.199rem;
    color: #fff;
  }
}
}